<div>
	<div data-type="workorder">
		<div id="workorder_div">
			<form class="bs-example form-horizontal xs-form" id="query_form">
				<div class="form-group">
					<h1 style="text-align:center;">应用系统运维问题登记工单</h1>
				</div>
				<div class="panel panel-default animated fadeInRight" id="step1">
					<div class="panel-body no-tb-padder">
						<div class="form-group">
							<h4 style="text-align:center;">基本信息</h4>
						</div>
						<div class="form-group mb20">
							<label class="col-lg-2 control-label tr required">申请部门：</label>
							<div class="col-lg-3 tl">
								<div id="departId" class="inputdrop" required></div>
							</div>
							<label class="col-lg-2 control-label tr required">申请人：</label>
							<div class="col-lg-3 tl">
								<div id="applyUser" class="inputdrop" required></div>
							</div>
						</div>
						<div class="form-group mb20">
							<label class="col-lg-2 control-label tr required">申请日期：</label>
							<div class="col-lg-3 tl">
								<input type="text" validate="required"
									class="form-control input-sm" data-id="shenQingDate"/>
							</div>
							<label class="col-lg-2 control-label tr required">涉及系统：</label>
							<div class="col-lg-3 tl ">
								<div id="sjxt" class="inputdrop" required></div>
							</div>
						</div>
						<div class="form-group mb20">
							<label class="col-lg-2 control-label tr required">申请事项描述：</label>
							<div class="col-lg-8 tl bold">
								<textarea type="text" class="form-control input-sm"
									data-id="sxms" style="height: 150px" validate="required"/>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		<div class="hidden" id="hidden_steps">
			<div class="panel panel-default animated fadeInRight" id="step2">
				<div class="panel-body no-tb-padder">
					<div class="form-group">
						<h4 style="text-align:center;">维护信息</h4>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr required">信息部运维人员：</label>
						<div class="col-lg-3 tl">
							<div id="ywry" class="inputdrop" required></div>
						</div>
						<label class="col-lg-2 control-label tr required">问题等级：</label>
						<div class="col-lg-3 radio">
							<label class="i-checks">
								<input type="radio" value="0" name="wtdj" data-id="wtdj">
								<i></i>
								一般
							</label>
							<label class="i-checks ml20" >
								<input type="radio" value="1" name="wtdj">
								<i></i>
								重要
							</label>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr required">预计解决日期：</label>
						<div class="col-lg-3 tl">
							<div class="input-group w-all">
								<input type="text" class="form-control input-sm"
									   container="body" validate="required" data-id="yjjjrq"/>
							</div>
						</div>
						<label class="col-lg-2 control-label tr required">实际完成日期：</label>
						<div class="col-lg-3 tl">
							<div class="input-group w-all">
								<input type="text" class="form-control input-sm"
									   container="body" validate="required" data-id="sjwcrq"/>
							</div>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr required">问题原因分析：</label>
						<div class="col-lg-8 tl bold">
							<textarea type="text" class="form-control input-medium"
									  data-id="yyfx" validate="required" style="height: 100px"/>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr required">解决方案：</label>
						<div class="col-lg-8 tl bold">
							<textarea type="text" class="form-control input-medium"
								data-id="jjfa" validate="required" style="height: 150px"/>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr">信息资源部领导审核：</label>
						<div class="col-lg-3 radio">
							<label class="i-checks">
								<input type="radio" value="0" name="ldsh" data-id="ldsh">
								<i></i>
								通过
							</label>
							<label class="i-checks ml20" >
								<input type="radio" value="1" name="ldsh">
								<i></i>
								不通过
							</label>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr">审核意见：</label>
						<div class="col-lg-8 tl bold">
							<textarea type="text" class="form-control input-sm"
								data-id="shyj" />
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr required">问题分类：</label>
						<div class="col-lg-3 tl ">
							<div id="wtfl" class="inputdrop" required></div>
						</div>
						<label class="col-lg-2 control-label tr required">处理方式：</label>
						<div class="col-lg-3 tl ">
							<div id="clfs" class="inputdrop" required></div>
						</div>
					</div>
					<div class="form-group mb20">
						<label class="col-lg-2 control-label tr">问题处理意见：</label>
						<div class="col-lg-8 tl bold">
							<textarea type="text" class="form-control input-sm"
								data-id="bz" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<div  id="workFlowFile">
			<form class="bs-example form-horizontal xs-form" id="query_workFlowFile" enctype="multipart/form-data">
				<div class="panel panel-default animated fadeInRight">
					<div class="panel-body no-tb-padder">
						<div class="form-group">
							<h4 style="text-align:center;">流程附件信息</h4>
						</div>
						<div class="form-group">
							<input type="hidden" name="delAppendixIdStr" />
							<input type="hidden" name="uploadStr"/>
						</div>
						<div class="form-group" id="dsc">
							<label class="col-lg-2 control-label">添加附件 :</label>
							<div class="col-lg-9" id="tjfj"></div>
						</div>
						<div id="fjlb" class="table-div w-all hide" style="height: 200px;padding:10px 45px 15px 45px;"></div>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script type="text/javascript">
        $(function () {
            require(['js/plugin/workorder/workorder.js'] ,function (workorder) {
                var el_div = $("#workorder_div");
                workorder.yyxtywwtdjlc.step_init(el_div,{actTmpId:"yyxtywwtdjlc_step1"},workorder);
                //提交按钮
                $("#submit_btn").unbind("click");
                $("#submit_btn").click(function () {
                    workorder.yyxtywwtdjlc.start_submit(el_div,workorder);//提交表单
                });
            });
        });
    </script>
</div>